<template>
	<!--pages/extend/index.wxml-->
	<view>
		<cu-custom :bgColor="'bg-'+theme.backgroundColor" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">我的账户</block>
		</cu-custom>
		<view class="member_box">
			<view class="whiteBox">
			<view class="member_content">
				<view class="content_t">
					<view class="top_l">
						<view class="left_title">总资产(元)</view>
						<view class="left_num">0.00</view>
					</view>
					<view class="top_r">充值</view>
				</view>
				<view class="content_b">
					<view class="btm_l">
						<view class="left_money">累计充值(元)</view>
						<view class="left_number">0.00</view>
					</view>
					<view class="btm_l">
						<view class="left_money">累计消费(元)</view>
						<view class="left_number">0.00</view>
					</view>
				</view>
			</view>
			</view>
<!-- 			<view class="cu-list grid col-4 no-border">
				<view class="cu-item">
					<navigator url="" hover-class="none">
						<view class="cuIcon-pay" :class="'text-'+theme.themeColor">
							<view v-if="" class="cu-tag badge">{{}}</view>
						</view>
						<text class="text-df">账单记录</text>
					</navigator>
				</view>
				<view class="cu-item">
					<navigator url="" hover-class="none">
						<view class="cuIcon-send" :class="'text-'+theme.themeColor">
							<view v-if="" class="cu-tag badge">{{}}</view>
						</view>
						<text class="text-df">消费记录</text>
					</navigator>
				</view>
				<view class="cu-item">
					<navigator url="" hover-class="none">
						<view class="cuIcon-deliver" :class="'text-'+theme.themeColor">
							<view v-if="" class="cu-tag badge">{{}}</view>
						</view>
						<text class="text-df">充值记录</text>
					</navigator>
				</view>
				<view class="cu-item">
					<navigator url="" hover-class="none">
						<view class="cuIcon-evaluate" :class="'text-'+theme.themeColor">
							<view v-if="" class="cu-tag badge">{{}}</view>
						</view>
						<text class="text-df">积分中心</text>
					</navigator>
				</view>
			</view> -->
		</view>
		
	</view>
</template>

<script>
	const app = getApp();
	const util = require("utils/util.js");
	import api from 'utils/api'
	export default {
		data() {
			return {
				theme: app.globalData.theme, //全局颜色变量
			};
		},
		onLoad() {
			app.initPage().then(res => {
				this.goodsPage();
			});
		},
		methods: {


		}

	}
</script>

<style scoped lang="scss">
	.member_box {
		width: 750rpx;
		height: 1212rpx;
		// background-color: white;
	}
	.whiteBox{
		width: 100%;
		background-color: white;
	}
	.member_content {
		width: 685rpx;
		height: 334rpx;
		margin: 0 auto;
		border-radius: 10rpx;
		// background-image: linear-gradient(90deg, #ff9700, #ed1c24);
		// background-color: #c7000c;
		background-image: linear-gradient(90deg, #e5432e, #e53c43);
		overflow: hidden;
	}
	.content_t{
		display: flex;
		justify-content: space-between;
		width: 94%;
		margin-top:20rpx ;
		margin-left:20rpx ;
		margin-right:20rpx ;
	}
	.top_l{
		color: white;
	}

	.left_num{
			font-size: 66rpx;
	}
	.top_r{
		width: 120rpx;
		height: 55rpx;
		line-height: 55rpx;
		background-color: white;
		text-align: center;
		border-radius: 45rpx;
		color: #ff9700;
	}
	.btm_l{
		color: white;
	}
	.left_money{
			font-size: 30rpx;
	}
	.left_number{
		font-size: 44rpx;
	}
	.content_b{
		display: flex;
		justify-content: space-between;
		width: 94%;
		margin-top:80rpx ;
		margin-left:20rpx ;
		margin-right:20rpx ;
	}
</style>
